<?php

    include('adodb/adodb.inc.php');
    include_once('adodb/adodb-pager.inc.php');
    include_once('conf/dbconn_param.php');
	
    error_reporting(E_ERROR);

    
    $db = ADONewConnection($dbdriver);
    $db->Connect($server, $user, $password, $database);
    $db->SetFetchMode(ADODB_FETCH_ASSOC);

    $db->debug = false;

    //$_empresa = $_REQUEST['empresa'];
    //$_finca = $_REQUEST['finca'];
    //$cuenta = $_REQUEST['cuenta'];    
    
    
    $sql = "select empresa_id, nombre from empresa order by nombre";
    $rs = $db->Execute($sql);
    $empresas = $rs->GetRows();

	$sql = "SELECT valor FROM finca_param WHERE finca_param_id = 7";
	$rs1 = $db->Execute($sql);
	$datos = $rs1->GetRows();
	
	if ( $datos[0]['valor'] == "BUNCHE"){
		$presentacion = true;
	}
	else{
		$presentacion = false;	
	}
	 

?>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>Pedidos</title>
    <link rel="stylesheet" type="text/css" media="screen" href="media/css/themes/redmond/jquery-ui-1.8.21.custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<style type="text/css" media="screen">
        
/*        @import "media/css/demo_page.css";
        @import "media/css/demo_table.css";*/
        /*@import "media/css/site_jui.css";*/
/*        @import "media/css/demo_table_jui.css";*/
        /*@import "media/css/themes/base/jquery-ui.css";*/
/*        @import "media/css/themes/redmond/jquery-ui-1.8.21.custom.css";*/
        /*@import "css/datepicker.css";
        @import "media/jAlert/jquery.alerts.css";*/

/*        html,body { font-size: 7pt;
                    font-family: Arial,'Lucida Grande', Verdana, Sans-Serif; 
                    height:99%; 
                    width:99%;
					margin:1px; }*/

        .dataTables_info { padding-top: 0; }
        .dataTables_paginate { padding-top: 0; }
        .css_right { float: right; }
        #tabla_wrapper .fg-toolbar { font-size: 0.8em }
        #theme_links span { float: left; padding: 2px 10px; }
        .display thead {
                font-size:18px;
                font-weight:bold;

        }

        #tabla tbody tr .group  {
                font-size:12px;
        }
        #tabla tfoot th  {
                font-size:12px;
                font-weight:bold;
        }

        label {
            font-family: arial; 
            /*font-weight:bold;*/
            font-size:7pt;
        }

        #top select{
            width: 100% 
        }

        #txtmarcacion{
            width: 100% 
        }
        
        
        ul#icons {margin: 0; padding: 0;}
        ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
        ul#icons span.ui-icon {float: left; margin: 0 4px;}
        
        .ui-widget  {
            font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
            font-size: 7pt;

        }        
        
        .ui-widget td {
            font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
            font-size: 11px;
        }

        .ui-widget th {
            font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
            font-size: 11px;
        }
		
</style>
        
        
<script type="text/javascript" src="js/trim.js"></script>
<script type="text/javascript" src="js/base64.js"></script>



<script type="text/javascript" src="media/js/complete.js"></script>
<script type="text/javascript" src="media/js/jquery-1.7.2.min.js"> </script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>


<script src="js/i18n/grid.locale-es.js" type="text/javascript"></script>
<script type="text/javascript">
    $.jgrid.no_legacy_api = true;
    $.jgrid.useJSON = true;
</script>

<!--<script type="text/javascript" src="media/js/jquery.dataTables.min.js"> </script>
<script type="text/javascript" src="media/js/jquery.jeditable.js" ></script>-->
<script type="text/javascript" src="media/js/jquery-ui-1.8.21.custom.min.js" ></script>
<script type="text/javascript" src="media/js/jquery.validate.js" ></script>
<!--<script type="text/javascript" src="media/js/pagination.extra.js" ></script>-->
<script type="text/javascript" src="media/jAlert/jquery.alerts.js" ></script>

<script type="text/javascript" src="media/js/ui/i18n/jquery.ui.datepicker-es.js"></script>

<link href="media/jAlert/jquery.alerts.css" rel="stylesheet" type="text/css" />
        
</head>
<body>
<script type="text/javascript">
$(document).ready(function()
{
	
    function verificarPresentacion(){
        if( $("#presentacion").val() != "1"){
            $("#lblCantidad").text("Cantidad Cajas");

            $("#bunchesCaja").show();
                    $($("#bunchesCaja").parent().children()[0]).show();
            $("#cajaDesde").hide();
            $("#cajaHasta").hide();
                    
                    $($("#cajaDesde").parent().children()[0]).hide();
                    $($("#cajaHasta").parent().children()[0]).hide();
                    
        }
        else{
            
            $("#lblCantidad").text("Cantidad Bunches");
            $("#bunchesCaja").hide();
                    $($("#bunchesCaja").parent().children()[0]).hide();
                    
            $("#cajaDesde").show();
            $("#cajaHasta").show();

                    $($("#cajaDesde").parent().children()[0]).show();
                    $($("#cajaHasta").parent().children()[0]).show();

            }

    }

    verificarPresentacion();
		
    $('#empresa').change(function(event){
		//oTable.fnClearTable();
		var empresaId = $(this).val();
		
		$("#cargando_finca").css("display", "inline");
		$("#ddlfinca").load("php/GetFincasByEmpresaId.php",{empresaId : empresaId}, function(){
			if ($("#grupo_s").val() != 0) {
					//$("#grupo").val($("#grupo_s").val());  
					//$("#grupo").trigger('change'); 
			}
			$("#cargando_finca").css("display", "none");
		});
    });


    $("#ddlfinca").load("php/GetFincasByEmpresaId.php",function(){});
    $("#cliente").load("php/GetClientes.php", function(){});
    $("#bodega").load("php/GetBodegas.php", function(){});
    $("#tallosBunche").load("php/GetTallosBunche.php", function(){});
    $("#bunchesCaja").load("php/GetBunchesCaja.php", function(){});
    $("#tipoCaja").load("php/GetTipoCajas.php", function(){});
    $("#producto").load("php/GetProducto.php", function(){});
    $("#diasDisponibilidad").load("php/GetDiasDisponibilidad.php", function(){});
    
    //Si no hay mas de un producto ocultamos el combo de producto
    if ($("#producto option").length == 2)
    {
        $("#ddlVariead").load("php/GetVariedades.php",{productoId: 1 },function(){});
    }


    $('#producto').change(function(event){
        //oTable.fnClearTable();
        var productoId = $(this).val();

        $("#cargando_producto").css("display", "inline");

        $("#ddlVariead").load("php/GetVariedades.php",{productoId: productoId },
            function(){
                $("#cargando_producto").css("display", "none");
            }
        );
    });

	
	$("#ddlLongitud").load("php/GetLongitudes.php",function(){});
	
    $("#ddlmarcacion").hide();
    $("#txtmarcacion").show();
    
     
    $("#diasDisponibilidad").change(function(event){
        CalcularFechaDispo();
    });
    
    
    function CalcularFechaDispo(){
        var departure = $("#dateCurrent");  
        var departureDate = departure.datepicker("getDate");    
        var minArrivalDate = new Date();  
        minArrivalDate.setDate(departureDate.getDate()- $("#diasDisponibilidad").val()); 
        
        var mes = (departureDate.getMonth() + 1).toString();
        mes = ( parseInt(mes) < parseInt("9") ) ? "0"+mes : mes ;

        return (departureDate.getFullYear().toString() + 
			mes.toString() +
			departureDate.getDate().toString()); 
    }
    
     

    $('#cliente').change(function(event){
        //oTable.fnClearTable();
        var clienteId = $(this).val();
        $("#subcliente option").remove();

        $("#cargando_subcliente").css("display", "inline");
        $("#subcliente").load("php/GetSubClientes.php",{clienteId : clienteId}, function(){
            $("#cargando_subcliente").css("display", "none");
        });
        
        if( $("#nroPedido").val() != "")
            {
                $("#ddlMarcacion").show();
                $("#txtMarcacion").hide();
                
            }
    });

    $('#subcliente').change(function(event){
        //oTable.fnClearTable();
        var empresaId = $("#ddlempresa").val();
        var fincaId = $("#ddlfinca").val();
        
        var subclienteId = $(this).val();
        $("#ddlmarcacion option").remove();
        if ( $("#nroPedido").val() == "")
        {
            $("#ddlmarcacion").hide();
            $("#txtmarcacion").show();
        }
        var nroPedido = $("#nroPedido").val() == "0" ? "0": $("#nroPedido").val();

        if ( nroPedido > 0 ){
    
            $("#cargando_subcliente").css("display", "inline");

            $("#ddlmarcacion").load("php/GetMarcacion.php",{empresaId: empresaId, fincaId: fincaId, clienteId : subclienteId, nroPedido: nroPedido}, function(){
                $("#cargando_subcliente").css("display", "none");
            });
        }
        
        
        if( $("#nroPedido").val() != "")
        {
            $("#ddlmarcacion").show();
            $("#txtmarcacion").hide();

        }
        
    });
    
    $.datepicker.setDefaults( $.datepicker.regional["es"] );
    

    $( "#fechaDesde" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                $( "#fechaHasta" ).datepicker( "option", "minDate", selectedDate );
            }
        });
    
    $( "#fechaHasta" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                $( "#fechaDesde" ).datepicker( "option", "maxDate", selectedDate );
            }
    });


    var currentTime = new Date();

    $("#dateCurrent").datepicker();
    $("#fechaSalidaFinca").datepicker();
	$("#fechaSalidaFinca").datepicker('setDate', currentTime);

    $("#dateCurrent").val("23/06/2012");

    
    $("#buscarPedido").click(function(event){
        var fecDesde = $("#fechaDesde").val().split("/");
        var fecHasta = $("#fechaHasta").val().split("/");
        
        if ( $("#fechaDesde").val() != "" && $("#fechaHasta").val() != "" ){
            $("#pedidos").load("php/GetPedidos.php",
            {fechaDesde:fecDesde[2]+fecDesde[1]+fecDesde[0], fechaHasta:fecHasta[2]+fecHasta[1]+fecHasta[0]}, 
            function(){});
        }
    });

/*    
    $('ul#icons li').hover(
            function() { $(this).addClass('ui-state-hover'); },
            function() { $(this).removeClass('ui-state-hover'); }
    );
        

    $("#plus").hide();    
    
    $("ul#icons li").click(function(event){
        $("#left").toggle();
        if( $("#plus").is(":visible")) 
        {
           $("#plus").hide();
           $("#minus").show();           
        }
        else
            {
                $("#plus").show();
                $("#minus").hide();           
            }
    });
        

    $("#left").toggle();
    $("#plus").show();
    $("#minus").hide();           
*/


    $('#btNuevo').button({icons: {primary: "ui-icon-document"}});
    $('#btEditar').button({icons: {primary: "ui-icon-pencil"}});
    $('#btDatosAdic').button({icons: {primary: "ui-icon-document-b"}});
    $('#btImprimir').button({icons: {primary: "ui-icon-print"}});
    $('#btCopiar').button({icons: {primary: "ui-icon-print"}});
    $('#btBorrar').button({icons: {primary: "ui-icon-trash"}});
    $('#btBuscar').button({icons: {primary: "ui-icon-search"}});
    
    $('#btRefrescar').button({icons: {primary: "ui-icon-arrowrefresh-1-s"}});
    
	$('#btAgregar').button({icons: {primary: "ui-icon-plus"}});
	$('#btDetalle').button({icons: {primary: "ui-icon-comment"}});
	
	$("#btNuevo").click(function(event){
		
		$('#btEditar').attr("disabled", "disabled").addClass("ui-state-disabled");
		$('#btDatosAdic').attr("disabled", "disabled").addClass("ui-state-disabled");
		$('#btImprimir').attr("disabled", "disabled").addClass("ui-state-disabled");
		$('#btCopiar').attr("disabled", "disabled").addClass("ui-state-disabled");
		$('#btBorrar').attr("disabled", "disabled").addClass("ui-state-disabled");
		
		//limpiar la pantalla
	});
    
    
    function limpiarFormulario(){
        $("#ddlempresa").val("");
        $("#nroPedido").val("");
        $("#ddlfinca").val("");
        $("#fechaSalidaFinca").val("");
        $("#").val("");
        $("#").val("");
        $("#").val("");
        $("#").val("");

    }


    
    $("#pedidos").click(function(event){
        var pedido = $("#pedidos").val();
        if( pedido > 0 ){
            //jAlert('Recuperar Pedido: '+pedido, 'Alert Dialog');
            $("#nroPedido").val(pedido);
            $("#minus").trigger('click');
            detallePedido();
        }
        
    });

	function camposRequeridos()
	{
		var resultado = true;
		var mensaje = '';
		
		mensaje = 'Los siguientes campos son requeridos:\n\n';
		if ( $("#ddlempresa").val() == "0" )
		{
			mensaje = mensaje + 'Empresa\n'; resultado = false;
		}

		if ( $("#ddlfinca").val() == "0" )
		{
			mensaje = mensaje + 'Finca\n'; resultado = false;
		}

		if ( $("#cliente").val() == "0" )
		{
			mensaje = mensaje + 'Cliente\n'; resultado = false;
		}
		
		if ( $("#subcliente").val() == "0" ||  $("#subcliente").val() == null )
		{
			mensaje = mensaje + 'Subcliente\n'; resultado = false;
		}

/*
		if ( $("#txtmarcacion").val() == "" )
		{
			mensaje = mensaje + 'Marcacion\n'; resultado = false;
		}
*/		
		if ( $("#bodega").val() == "0" )
		{
			mensaje = mensaje + 'Bodega\n'; resultado = false;
		}		
		
		if ( $("#tallosBunche").val() == "0" )
		{
			mensaje = mensaje + 'Tallos Bunche\n'; resultado = false;
		}	
/*		
		if ( $("#cajaDesde").val() == "" )
		{
			mensaje = mensaje + 'Caja Desde\n'; resultado = false;
		}	
		if ( $("#cajaHasta").val() == "0" )
		{
			mensaje = mensaje + 'Caja Hasta\n'; resultado = false;
		}	
*/
		if ( $("#tipoCaja").val() == "0" )
		{
			mensaje = mensaje + 'Tipo Caja\n'; resultado = false;
		}	
		

		if ( ! resultado )
			jAlert(mensaje);
	
		return resultado;
	}
	
	function camposRequeridosVariedad()
	{
		var resultado = true;
		var mensaje = '';
		
		mensaje = 'Los siguientes campos son requeridos:\n\n';
		if ( $("#ddlVariead").val() == "0" )
		{
			mensaje = mensaje + 'Variedad\n'; resultado = false;
		}

		if ( $("#ddlLongitud").val() == "0" )
		{
			mensaje = mensaje + 'Longitud\n'; resultado = false;
		}
		
		if ( $("#txtCantidadVariedad").val() == "0" || $("#txtCantidadVariedad").val() == "")
		{
			mensaje = mensaje + 'Cantidad\n'; resultado = false;
		}
		
		
		if ( ! resultado )
			jAlert(mensaje);
	
		return resultado;		
	}
	
	$("#btAgregar").click(function(event){

		if( camposRequeridos() )
		{
			if( camposRequeridosVariedad() )
			{
				
                var nroOrdenPedido = ($("#nroPedido").val() == "" ) ? "0" : $("#nroPedido").val() ;
                
                $.getJSON("php/savepedido.php",
                {
                    ordenId:nroOrdenPedido,
                    empresaId: $("#ddlempresa").val(),
                    fincaId:$("#ddlfinca").val(),
                    clienteId:$("#subcliente").val(),
                    marcacion:$("#txtmarcacion").val(),
                    tipoCaja:$("#tipoCaja option:selected").text(),
                    numeroCajas: parseInt($("#nroCaja").val()),
                    variedadId:$("#ddlVariead").val(),
                    longitud:$("#ddlLongitud").val(),
                    bodegaId:$("#bodega").val(),
                    bunches:$("#txtCantidadVariedad").val(),
                    tallosBunche:$("#tallosBunche").val(),
                    cajaDesde:$("#cajaDesde").val(),
                    cajaHasta:$("#cajaHasta").val(),
                    productoId:$("#producto").val(),
                    fechaCorte:20120620,
                    fechaSalida:20120620,
                    presentacion:$("#presentacion").val()   
                  
                },
                function(data) {

                    detallePedido(); 

                    if ( data != null)
                        {
                            $("#nroPedido").val(data);
                            $("#ddlLongitud").val(0);
                            $("#ddlVariead").val(0);
                            $("#txtCantidadVariedad").val("0");
                            $("#txtDispoVariedad").val("0");
                            
                            jAlert("Grabado correctamente..");


                            $('#btImprimir').removeAttr("disabled").removeClass("ui-state-disabled");
                            
                            $("#ddlMarcacion").show();

                            $("#ddlmarcacion option").remove();
                            
                            var empresaId = $("#ddlempresa").val();
                            var fincaId = $("#ddlfinca").val();

                            var subclienteId = $(this).val();
                            $("#ddlmarcacion option").remove();
                            if ( $("#nroPedido").val() == "")
                            {
                                $("#ddlmarcacion").hide();
                                $("#txtmarcacion").show();
                            }
                            var nroPedido = $("#nroPedido").val() == "0" ? "0": $("#nroPedido").val();
                            $("#cargando_subcliente").css("display", "inline");
                            $("#ddlmarcacion").load("php/GetMarcacion.php",{empresaId: empresaId, fincaId: fincaId, clienteId : subclienteId, nroPedido: nroPedido}, function(){
                                $("#cargando_subcliente").css("display", "none");
                            });
                            
                            $("#ddlMarcacion").show();
                            $("#txtmarcacion").hide();
                            
                            
                        }
                    }
                );
			}
		}
		event.preventDefault();
	});
	 
    $("btBorrar").click(function(event){
       
        var $this = $(this);
        var horizontalPadding = 15;
        var verticalPadding = 15;
        $('<iframe id="site" src="http://www.google.com" />').dialog({
            title: ($this.attr('title')) ? $this.attr('title') : 'Site',
            autoOpen: true,
            width: 600,
            height: 300,
            modal: true,
            resizable: false,
            autoResize: true,
            overlay: {
                opacity: 0.5,
                background: "black"
            }
        }).width(600 - horizontalPadding).height(300 - verticalPadding);
        event.preventDefault();
        
    });

	$("#btDetalle").click(function(event){
		$( "#dlgDetalle" ).dialog( "open" );
		event.preventDefault();
	});
	
	$("#ddlVariead").change(function(event){
		//jAlert('Consultando Disponiblidad: ' + $("#ddlVariead option:selected").text(), 'Procesando...');
		
        $("#txtDispoVariedad").val(0);
        $("#tblDetalleDisp tbody tr").remove()
        
		$.getJSON("php/GetDisponibilidadVariedad.php",
		  {
		    productoId:$("#producto").val(),
			bodegaId:$("#bodega").val(),
			tallosBunche:$("#tallosBunche").val(),
			fechaCorte:CalcularFechaDispo(),
			variedadId:$("#ddlVariead").val()
		  },
		function(data) {
            if ( data != null)
            {
                if(data.length > 0)
                {
                    $("#txtDispoVariedad").val(data[0].total);
                    //obtener detalle

                    jQuery.map(data, function(n, i){

                    $("#tblDetalleDisp").append('<tr><td>' + n.largo + '</td><td>' + n.dispo +'</td></td>')

                    });

                }
                else
                {
                    $("#txtDispoVariedad").val(0);
                }

            }
            else
            $("#txtDispoVariedad").val(0);

		});
		  
		
	});
	

    
    var lastsel;

    function detallePedido(){

        var packing = ($("#nroPedido").val() =="" ) ? 0 : $("#nroPedido").val() ;
        $('#tblDetallePedido').jqGrid('GridUnload');

        
        jQuery("#tblDetallePedido").jqGrid({ 
            url:'php/GetDetallePedido.php?packing='+packing, 
            datatype: "json",
            height: 120,
            autowidth: true,
            colNames:['id','Marca','Tipo Caja','Caja','Producto','Variedad','Largo','Bodega','Tallos/Bunche',
                        'Bunches/Caja','Tallos','Precio(fob)','Precio(cif)','Total(fob)','Total(cif)'
                    ], 
            colModel:[ 
                {name:'prep_id',index:'prep_id', width:90, sorttype:"int", hidden: true}, 
                {name:'marca',index:'marca', width:90, sorttype:"int", editable: true }, 
                {name:'tipo_caja',index:'tipo_caja',width:60, editable:true, sorttype:"date"}, 
                {name:'caja',index:'caja', width:40,editable: true,editoptions:{size:"20",maxlength:"30"}}, 
                {name:'producto',index:'producto', width:60, editable: true,edittype:"select",editoptions: {dataUrl: "php/GetDataProductos.php" }}, 
                {name:'variedad',index:'variedad', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}}, 
                {name:'longitud',index:'longitud', width:40, sortable:false,editable: true,edittype:"select",editoptions:{dataUrl: "php/GetDataLongitudes.php" },},
                {name:'bodega',index:'bodega', width:100, sortable:false,editable: true}, 
                {name:'tallosBunche',index:'tallosBunche', width:60, sortable:false},
                {name:'bunchesCaja',index:'bunchesCaja', width:100, sortable:false },
                {name:'tallos',index:'tallos', width:50,editable: true }, 
                {name:'precioFob',index:'precioFob', width:50,editable: true }, 
                {name:'precioCif',index:'precioCif', width:50,editable: true }, 
                {name:'totalFob',index:'totalFob', width:50,editable: false },
                {name:'totalCif',index:'totalCif', width:50, editable: false }



            ],
            rowNum:5, 
            rowList:[5,10,20,30], pager: '#pager',
            viewrecords: true,
            editable: true,
//            ondblClickRow: function (id) 
//            {
//                //coverageId = $("#_gridCoverage").getCell(id, 'CoverageId');
//                //ActivatePanels(coverageId);
//                //$("#_selectedCoverage").val($("#_gridCoverage").getGridParam('selrow'));
//                //LoadCoveragesAmounts(coverageId);
//                $('#tblDetallePedido').jqGrid('editRow', id, true);
//                //alert(id);
//                
//                
//           },
        ondblClickRow: function(id){
            if(id && id!==lastsel){
                jQuery('#tblDetallePedido').jqGrid('restoreRow',lastsel);
                jQuery('#tblDetallePedido').jqGrid('editRow',id,true);
                lastsel=id;
            }
        },

            editurl: 'php/deleteItemPedido.php',
            caption: "Detalle de Orden de Pedido" 
        }
        ); 
        
        jQuery("#tblDetallePedido").jqGrid('navGrid',"#pager",{edit:false,add:false,del:true});

    }    
    

    $("#btRefrescar").click(function(event){
        detallePedido();
        event.preventDefault();
    });    
    
    $("#btBorrar").click(function(event){
        if( $("#nroPedido").val() != "" || $("#nroPedido").val() != "0" ){

            jConfirm("Esta seguro de borrar el pedido?","Advertencia", function(r) {
                jAlert('Confirmed: ' + r, 'Confirmation Results');

                if( r == true){

                    $.ajax({
                      url: "php/deletePedido.php?nroPedido="+$("#nroPedido").val(),
                      success: function (data){
                        if (data){
                            $("#nroPedido").val();
                            jAlert("Pedido Eliminado Correctamente");
                        }
                      }
                    });
                }

            });
        }
        else{
            jAlert("No existe un número de Pedido Orden.","Advertencia")            
        }
        event.preventDefault();
    });    


    
    $("#ddlmarcacion").change(function(){
        if ( $("#ddlmarcacion").val() == "99")
        {
            $("#ddlmarcacion").hide();
            $("#txtmarcacion").show();
            
        }    
    });
    
    

    $(window).bind('resize', function() {
        var margen = $("#tblDetallePedido").parent().parent().parent().parent().position().left;
        $("#tblDetallePedido").setGridWidth($(window).width() - (2*margen) );

    }).trigger('resize');
     
    $("#btBuscar").click(function(event){
        $("#pedidos").focus();
        $("#dlgBuscar").dialog('open');
    });
    

    $("#btImprimir").click(function(event){
        var $this = $(this);
        var horizontalPadding = 15;
        var verticalPadding = 15;
        var nroPedido = $("#nroPedido").val();
        if( nroPedido !=""){
            $('<iframe id="site" src="fpdf/ImpresionPedido.php?packing=' + nroPedido +'" />').dialog({
                title: ($this.attr('title')) ? $this.attr('title') : 'Site',
                autoOpen: true,
                width: 600,
                height: 400,
                modal: true,
                resizable: true,
                autoResize: true,
                overlay: {
                    opacity: 0.5,
                    background: "black"
                },
                buttons: {
                    Cancel: function() {
                        $( this ).dialog( "close" );
                    }
                }
            }).width(600 - horizontalPadding).height(300 - verticalPadding);
        }
        else{
            jAlert("No hay número de Orden");
        }
    });


    $("#dlgBuscar").dialog({ 
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: [
            {
                text: "Ok",
                click: function() { $(this).dialog("close"); }
            }
        ],

        open: function() {
            $('#dlgBuscar').find('button:contains("Ok")').addClass('ui-icon-trash');
            $("#pedidos").focus();
        }


    });    
    
    
});
</script> 


<!-- <ul id="icons" class="ui-widget ">
    <li id="plus" class="ui-state-default ui-corner-all" 
        title="Mostrar Listado de Pedidos">
        <span class="ui-icon ui-icon-squaresmall-plus"></span>
    </li>
    <li id="minus" class="ui-state-default ui-corner-all" 
        title="Ocultar Listado de Pedidos">
        <span class="ui-icon ui-icon-squaresmall-minus"></span>
    </li>
</ul>  -->           
<div style="height:100%; margin: 0px;">
<div id="container" class="ui-widget-content ui-corner-all" >
    <div id="toolbar" class="ui-widget-header ui-corner-all" style="padding: 4px;">
        <button id="btNuevo">Nuevo</button>
        <button id="btBuscar">Buscar</button>    
        <button id="btEditar">Modificar</button>
        <button id="btDatosAdic">Datos Adicionales</button>
        <button id="btImprimir">Imprimir</button>
        <button id="btCopiar">Copiar a Preventas</button>
        <button id="btBorrar">Borrar</button>
    </div>    
    <div id="switcher"></div>
    <div id="top" style="border: width:%; float:top; margin: 10px;">

	<form id="frmMain" method="POST">
    <table border="0" width="73%">
        <tr>
            <td>
                <label for="ddlempresa">Empresa:</label><br/> 
                <select id="ddlempresa" name="ddlempresa" class="required">
                    <option value="0">Seleccione..</option>
                    <?
                        foreach ($empresas as $empresa) 
                        echo "<option value=\"{$empresa['empresa_id']}\">{$empresa['nombre']}</option>";
                    ?>
                </select>

            </td>
            <td>
                <label for="nroPedido">Nro. Pedido:</label><br/>
                <input id="nroPedido" type="text" readonly="readonly"/>
            </td>
        </tr>
        <tr>
            <td valign="top">
                <div id="cargando_finca" style="display:none; color: green;">Cargando...</div>
                <label for="ddlfinca">Finca:</label><br/> 
                <select id="ddlfinca" name="ddlfinca"></select>
            </td>
            <td valign="top">
                <label >Salida de Finca(dd/mm/aaaa):</label><br/>
				<input id="fechaSalidaFinca" type="text" /> 
            </td>
            <td valign="top">
                <label for="mostrarPedido">Mostrar Pedido:</label><br/> 
                <input id="mostrarPedido" type="checkbox" />
            </td>

        </tr>
        <tr>
            <td>
                <label for="cliente">Cliente:</label><br/> 
                <select id="cliente" name="cliente"></select>
            </td>
            <td>
                <div id="cargando_subcliente" style="display:none; color: green;">Cargando...</div>
                <label for="subcliente">Subcliente:</label><br/> 
                <select id="subcliente"></select>
            </td>
            <td>
                <label for="marcacion">Marcaci&oacute;n:</label><br/> 
                <select id="ddlmarcacion" name="ddlmarcacion"></select>
                <input id="txtmarcacion" name="txtmarcacion">
            </td>

        </tr>
        <tr>
            <td>
                <label for="bodega">Bodega:</label><br/> 
                <select id="bodega" name="bodega"></select>
            </td>
            <td>
                <label for="tallosBunche">Tallos/Bunche:</label><br/> 
                <select id="tallosBunche" name="tallosBunche"></select>
            </td>
            <td>
                <label for="bunchesCaja">Buches/Caja:</label><br/> 
                <select id="bunchesCaja" name="bunchesCaja"></select>
            </td>

        </tr>
        <tr>
            <td>
                <label for="cajaDesde" class="required">Caja Desde:</label><br/> 
                <input id="cajaDesde" name="cajaDesde" type="text" size="4" maxlength="4"/>
            </td>
            <td>
                <label for="cajaHasta">Caja Hasta:</label><br/> 
                <input id="cajaHasta" name="cajaHasta" type="text" size="4" maxlength="4"/>               
            </td>
            <td>
                <label for="tipoCaja">Tipo Caja:</label><br/> 
                <select id="tipoCaja" name="tipoCaja"></select>
            </td>

        </tr>
        <!-- 
        <tr>
            <td><br/></td>
            <td></td>
            <td></td>
        </tr>
        -->
        <tr>
            <td>
                <label for="producto">Producto:</label><br/>
                <div id="cargando_producto" style="display:none; color: green;">Cargando...</div>
                <select id="producto" name="producto"></select>
            </td>
            <td valign="bottom">
                <button id="btRefrescar">Refrescar Dispo</button>
            </td>
            <td>
                <label for="diasDisponibilidad">D&iacute;as Dispo:</label><br/> 
                <select id="diasDisponibilidad" name="diasDisponibilidad"></select>
            </td>

        </tr>

        
    </table>
<!--    
    <div id="dvDisponibilidad" style="width:75%; border: 5px solid red;" class="ui-corner-all" >
    </div>
-->
    <br/>

		<table style="width:73%">
			<tr>
				<td>
					<label for="ddlVariead">Variedad</label><br/> 
					<select id="ddlVariead" name="ddlVariead"></select>
			    </td>
				<td>
					<label for="txtDispoVariedad">Disponibilidad</label><br/> 
					<input id="txtDispoVariedad" type="text" maxlength="6"  readonly="readonly" style="width:60px; text-align: right;  " />
			    </td>
				<td>
					<label for="ddlLongitud">Longitud</label><br/> 
					<select id="ddlLongitud"></select>
			    </td>
				<td>
					<label for="txtCantidadVariedad" id="lblCantidad">Cantidad</label><br/> 
					<input id="txtCantidadVariedad" type="text" maxlength="4" style="width:60px; text-align: right;" />
			    </td>
				<td valign="bottom">
					<button id="btAgregar">Agregar</button>
			    </td>
				<td valign="bottom">
					<button id="btDetalle">Detalle</button>
			    </td>
			
			</tr>
		</table>
    <table id="tblDetallePedido"></table>
    <div id="pager"></div>
	</form>

        
    </div>   

    </div>

    <!-- Dialogs -->
    <div id="dlgBuscar" class="ui-corner-all" title="LISTADO DE PEDIDOS">
        <table width="100%">
            <tr>
                <td>
                    <label for="fechaDesde">Fecha Desde</label><br/>
                    <input type="text" id="fechaDesde" size="10" maxlength="10"/>
                </td>
                <td>
                    <label for="fechaHasta">Fecha Hasta</label><br/>
                    <input type="text" id="fechaHasta" size="10" maxlength="10"/>
                    
                </td>
                <td>
                    <button id="buscarPedido">Buscar</button>
                </td>
                <td>
                    <input type="text" id="dateCurrent" size="10" maxlength="10"/>
                </td>    
            </tr>
        </table>
        
        <br/>
        <select id="pedidos" name="pedidos" multiple="multiple" size="14" style="width:100%;" ></select>        
    </div>
        
	<?
        include ('partialDetalle.php');
		echo "<input id=\"presentacion\" type=\"hidden\" value=\"{$presentacion}\"/>";
	?>
    <input type="hidden" id="nroCaja" value="0" />
</body>
</html>
